/* 
    Document   : style.css
    Created on : 06-dic-2011, 21:53:51
    Author     : bruno
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body { 
    margin: 0px auto auto;
    padding: 0px;
    font-family: verdana;
    font-size: 11px;
    background-color: #4d4d4d;
    color: #000000;
    overflow: hidden;
} 

#bodydiv{
    position: absolute;
    botton: 0%;
    left: 50%;
    width: 800px;
    height: 95%;
    margin-top: 45px;
    margin-left: -400px;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    background-color: #E6E6E6;
    overflow: scroll;
}

label.error{
    color: red;
    font-family: verdana;
    font-size: 14px;
}

input[type=password],
input[type=text]{
    width: 180px;
    display: inline-block;
    height: 31px;
    margin: 0;
    padding-left: 8px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

input[type=password] :focus,
input[type=text] :focus{
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    background-color: aqua;
}
/* menu */
#header{
	position: absolute;
	width: 100%;
	height: 40px;
	background-color: #a52a2a;
	}
	
#contentMenu{
	position: absolute; 
	width: 640px; 
	height: 40px; 
	left: 50%; 
	margin-left: -275px;	
	font-size: 90%;
	}
	
#logo{
	font-size: 20px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-shadow: 0px 0px 3px #E6E6E6; 
	filter: dropshadow(color=#000000, offx=0, offy=0);
	}	
	
#menu{
	width: 540px;
	margin:0px;
	padding:0px; 
	list-style:none; 
	color:#fff; 
	line-height:45px; 
	display:inline-block; 
	float:left; 
	z-index:1000; 
	}
	 
#menu a { 
	color:#fff; 
	text-decoration:none; 
	}
	 
#menu > li {
	background:#172322 none repeat scroll 0 0; 
	cursor:pointer; 
	float:left; 
	position:relative; 
	padding:0px 10px;
	}
	 
#menu > li a:hover {
	color:#a52a2a;
	}
	 
#menu .logo {
	background:transparent none repeat scroll 0% 0%; 
	padding:0px; 
	background-color:Transparent;
	}
	 
/* sub-menus*/ 
#menu ul { 
	padding:0px; 
	margin:0px; 
	display:block; 
	display:inline;
	}
	 
#menu li ul { 
	position:absolute; 
	left:3px; 
	top:0px; 
	margin-top:45px; 
	width:150px; 
	line-height:16px; 
	background-color:#FFFFFF; 
	color:#0395CC; /* for IE */ 
	display:none;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px; 
	}
	 
#menu li:hover ul { 
	display:block;
	}
 
#menu li ul li{ 
	display:block; 
	margin:5px 20px; 
	padding: 5px 0px; 
	border-top: dotted 1px #606060; 
	list-style-type:none; 
	}
	 
#menu li ul li:first-child { 
	border-top: none; 
	} 
        
#menu li ul li a { 
	display:block; color:#0395CC; 
	} 
        
#menu li ul li a:hover { 
	color:#7FCDFE; 
	} 

        /*LOGIN*/
#login{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 350px;
    height: 250px;
    margin-top: -135px;
    margin-left: -200px;
    background-color: #999;
    overflow: auto;
    border: 2px solid #BEC1C6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top, #E6E6E6 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E6E6E6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E6E6E6 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E6E6E6 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(top, #E6E6E6 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6E6E6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
    
#login table{
    padding-top: 10px;
    padding-left: 30px; 
    font-family: Arial, Helvetica, sans-serif;
    
    }
